<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org">

<script type="text/javascript" src="../js/checkItemInfo.js">
</script>

<head>
    <meta charset="UTF-8">
    <title>MyPetstore</title>
</head>
<body>
<div th:replace="common/admintop"></div>

<div id="Content">

    <div id="BackLink">
        <a th:href="@{/admin/viewItems(productId=${productId})}">Back</a>
    </div>

    <p align="center"><font color="red" th:text="${failMsg}">failMsg</font></p>

    <div id="Catalog">
        <form action="/admin/addItem" method="post">
            <h3>Item Information</h3>

            <table class="rwd-table">
                <tr>
                    <td>Item Id:</td>
                    <td><input type="text" name="itemId"/></td>
                </tr>
                <tr>
                    <td>Product Id:</td>
                    <td><input type="text" readonly="readonly" style="background-color:transparent;border:0;color:#ffffff;font-size:15px"
                               name="productId" th:value="${productId}"/></td>
                </tr>
                <tr>
                    <td>Description:</td>
                    <td><input type="text" name="attribute1"/></td>
                </tr>
                <tr>
                    <td>List Price:</td>
                    <td><input type="text" name="listPrice"/></td>
                </tr>
                <tr>
                    <td>Unitcost:</td>
                    <td><input type="text" name="unitCost"/></td>
                </tr>
                <tr>
                    <td>Supplier Id:</td>
                    <td><input type="text" name="supplierId"/></td>
                </tr>
                <tr>
                    <td>Quantity:</td>
                    <td><input type="text" name="stockQuantity"/></td>
                </tr>
            </table>

            <p align="center"><font color="red" name="errormsg"></font></p>

            <input onclick=" return checkAdd()" type="submit" name="addItem" value="Save Item Information"/>


        </form>
    </div>
</div>
<div th:replace="common/bottom"></div>
</body>
</html>